/* stylus 文档
   ========================================================================== */
// 主色
mainColor   = #0c72e3
// 默认字体颜色
wordDfColor = #333333
// 次字体颜色
wordSecondColor = #cccccc
// banner图背景
linearGradient= linear-gradient(#0c72e3 10%, #0b5bb6 70%, #0a3b78)
// side图背景
linearGradientSide = linear-gradient(-225deg, #0f2169 20%, #0d3e7f 60%, #0a6991)
baise = #fff

huise = #a7a7a7

huise9 = #999999


//mainColor   = #0089dc
//wordDfColor = #666
//wordSecondColor = #999
//linearGradient= linear-gradient(#0af, #0085ff)

/**
 * px -> rem  ceil() floor() round()
 * $px 实际像素
 * $num 保留几位小数
 * $rfs 根font-size
 * 实际输出
 */
rem($px, $num = 4, $rfs = 75)
  $rem = $px/$rfs
  floor($rem, $num)rem

// 四舍五入
rem0($px, $num = 4, $rfs = 75)
  $rem = $px/$rfs
  round($rem, $num)rem

typeface(lh, f, col)
  line-height rem(lh)
  font-size rem(f)
  color col

border-1px($color)
  position: relative
  &:after
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    border-top: 1px solid $color
    content: ''

indicator()
  position: relative
  &:after
    position: absolute;
    top rem(40)
    right rem(40)
    content: " ";
    display: inline-block;
    height rem(16)
    width @height
    border-width: rem(2) rem(2) 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

boder-none()
  &:after
    display: none




